<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>

    <style>
      * {
        box-sizing: border-box;
      }
      html,
      body {
        margin: 0;
        padding: 0;
        height: 100vh;
        width: 100vw;
      }

      .group {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 72px;
      }

      .group > img {
        margin: 20px;
      }
    </style>
  </head>
  <body>
    <div class="box">
      <div class="group">
        <img src="./public/images/1.jpg" width="320" height="240" alt="" />
        <img src="./public/images/2.jpg" width="320" height="240" alt="" />
        <img src="./public/images/3.jpg" width="320" height="240" alt="" />
        <img src="./public/images/4.png" width="320" height="240" alt="" />
      </div>
      <div class="group">
        <img src="./public/images/1.jpg" width="320" height="240" alt="" />
        <img src="./public/images/2.jpg" width="320" height="240" alt="" />
        <img src="./public/images/3.jpg" width="320" height="240" alt="" />
        <img src="./public/images/4.png" width="320" height="240" alt="" />
      </div>
      <div class="group">
        <img src="./public/images/1.jpg" width="320" height="240" alt="" />
        <img src="./public/images/2.jpg" width="320" height="240" alt="" />
        <img src="./public/images/3.jpg" width="320" height="240" alt="" />
        <img src="./public/images/4.png" width="320" height="240" alt="" />
      </div>
      <div class="group">
        <img src="./public/images/1.jpg" width="320" height="240" alt="" />
        <img src="./public/images/2.jpg" width="320" height="240" alt="" />
        <img src="./public/images/3.jpg" width="320" height="240" alt="" />
        <img src="./public/images/4.png" width="320" height="240" alt="" />
      </div>
      <div class="group">
        <img src="./public/images/1.jpg" width="320" height="240" alt="" />
        <img src="./public/images/2.jpg" width="320" height="240" alt="" />
        <img src="./public/images/3.jpg" width="320" height="240" alt="" />
        <img src="./public/images/4.png" width="320" height="240" alt="" />
      </div>
      <div class="group">
        <img src="./public/images/1.jpg" width="320" height="240" alt="" />
        <img src="./public/images/2.jpg" width="320" height="240" alt="" />
        <img src="./public/images/3.jpg" width="320" height="240" alt="" />
        <img src="./public/images/4.png" width="320" height="240" alt="" />
      </div>
    </div>

    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  </body>
</html>
